<template>
  <avue-crud :option="option" :data="data"></avue-crud>
</template>

<script>
export default {
  data () {
    return {
      form: {},
      data: [{
        name: '姓名',
        sex: 14
      }],
      option: {
        labelWidth: 120,
        column: {
          name: {
            label: '姓名',
          },
          sex: {
            label: '年龄',
          }
        }
      }

    }
  },

  components: {},
  mounted () {
    this.init1()
  },
  methods: {

  },
}
</script>

<style>
.flowHelp {
  height: 30%;
}
</style>

<style>
.dropdown {
  cursor: pointer;
}

.drop {
  padding: 10px;
}

/* 设置宽度 */
/* .menu_text {
  width: 200px;
  height: 30px;
  background-color: aqua;
} */
.input {
  width: 100px;
  margin: 0 auto;
  width: 100%;
}

.checkAlls {
  margin-top: 5px;
  padding-bottom: 5px;
  display: block;
}

.checkAllLine {
  width: 75%;
  border-bottom: 1px solid #e4e4e4;
  margin: 0 auto;
}

.checkboxLists {
  max-height: 260px;
  padding-right: 10px;
  overflow-y: scroll;
}

.checiboxItem {
  margin: 3px 0;
}

.noData {
  margin: 20px 0;
  font-size: 14px;
  color: #ccc;
  width: 100%;
  text-align: center;
}

.footer {
  margin-top: 15px;
  width: 100%;
  text-align: center;
}

.footer_sure {
  margin-left: 20px;
}
</style>
